
var tabsA = $("#tabsA");
var tabsB = $("#tabsB");

function changePage(tab){
    $(".tab-menus .active").removeClass("active");
    $.each(tab.doms,(i,v)=>void v.addClass("active"));
    $("#pageContent").load(tab.path+"?_="+new Date().getTime());
}

function initTabs(data){
    for (const tab of data) {
        let domA = $(`
            <li class="nav-item">
                <a class="nav-link">${tab.name}</a>
            </li>
        `);
        let domB = $(`<a class="list-group-item">${tab.name}</a>`);
        tab.doms = [];
        tab.doms.push(domA);
        tab.doms.push(domB);

        domA.on("click",changePage.bind(this,tab));
        domB.on("click",changePage.bind(this,tab));
        
        tabsA.append(domA);
        tabsB.append(domB)
    }
    changePage(data[0]);
}
$(function(){
    var option=[];
    // 发送ajax 查询当前登录用户的权限
    $.ajax({
        url:"../videoCourse_stu/server/home.php",
        type:"post",
    }).done((result)=>{
        console.log(result);
        // console.log(result.length);
        if (result==0) {
                initTabs([
                    {
                        name:"视频统计",
                        path:"./template/statisticsPage.html"
                    },
                ]);
            
        }else{
            $("#username").html(result[result.length-1].username);
            for (let i = 0; i < result.length-1; i++) {
                option.push({
                    name:`${result[i].name}`,
                    path:`./template/${result[i].path}`
                });
            }
            // console.log(option);
            initTabs(option);
        }
    });
})